<template>
	<div class="adviser-team-box" id="adviser-team-box">
		<div class="container">
			<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
			  <div class="carousel-inner">
				  <template v-for="(item,$index) in advis_team">
					  <div class="carousel-item" :class="!$index?'active': '' ">
					  	<div class="row">
					  		<div class="col-12 col-md-6">
					  			<img v-if="!$index" src="../../assets/images/mao.zhenghua.png" class="team-img">
								<img v-if="$index==1" src="../../assets/images/cao.jiannong.png" class="team-img">
								<img v-if="$index==2" src="../../assets/images/lu.hanitian.png" class="team-img">
								<img v-if="$index==3" src="../../assets/images/zhou.qiang.png" class="team-img">
					  		</div>
					  		<div class="col-12 col-md-6">
					  			<h2 class="team-name">{{item.name}}</h2>
					  			<div class="team-info">{{item.introduce}}</div>
					  		</div>
					  	</div>
					  </div>
				  </template>
				
			  </div>
			  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			  </a>
			  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			  </a>
			</div>
		</div>
	</div>
</template>
<script>
	export default{
		data:function(){
			return{
				advis_team:[
					{
						img:'../../assets/images/mao.zhenghua.png',
						name:'毛振华',
						introduce:'早年创建中国诚信公司，担任董事长兼总经理。后任中诚信国际信用评级有限责任公司董事长、执行长；兼任中国人民大学经济研究所所长。',
					},
					{
						img:'../../assets/images/cao.jiannong.png',
						name:'曹建农',
						introduce:'香港理工大学电子计算学系讲座教授、互联网和移动计算实验室主任，大数据分析中心实验室主任。',
					},
					{
						img:'../../assets/images/lu.hanitian.png',
						name:'陆海天',
						introduce:'香港理工大学商学院副院长，会计及金融学院教授，纽约大学访问学者，新加坡国立大学法学博士。',
					},
					{
						img:'../../assets/images/zhou.qiang.png',
						name:'周强',
						introduce:'美国亚利桑那大学系统与工业工程系助理教授，可靠性和智能工程可靠系统实验室主任，威斯康辛麦迪逊工业工程博士学位。',
					},
				]
			}
		},
		mounted:function(){
			console.log($('#advis-tema'))
			
		}
	
	}
</script>
<style scoped="scoped">
	.adviser-team-box{
		width: 100%;
		height: 404px;
		background-image: url(../../assets/images/tuanduizhuli-bag.png);
		background-size: 100% 494px;
	}
	#carouselExampleControls{
		padding: 80px 0;
	}
	
	.team-img{
		width: 300px;
		height: auto;
	}
	.team-name{
		color: #FFFFFF;
		font-size: 30px;
		width: 60%;
		
		margin-bottom: 20px;
	}
	.team-info{
		padding: 15px;
		width: 60%;
		
		border: 1px solid #FFFFFF;
		border-radius: 10px;
		color: #FFFFFF;
		text-align: left;
		text-indent: 2em;
	}
	@media (max-width: 770px){
		.adviser-team-box{
			height: 540px;
		}
		.team-name{
			margin: auto;
		}
		.team-info{
			margin: auto;
		}
	}
</style>